<html>
<head>
    <meta charset="UTF-8">
    <title>考勤</title>
</head>
<body>
<script type="text/javascript" src="./$.js"></script>
<script>
    require(['!this.js'], $$.load)
</script>
</body>
</html>
<template data-name="this.htm">
    <div>
        <head_top :head="menu_top"></head_top>
        <div class="contaniner">
            <div class="sidebar">
                <menu_child :nav_data="menu_child"></menu_child>
            </div>
            <div class="main-content">
                <div class="main">
                    <div class="tab-wrap">
                        <div class="main_hd no-tab">
                            <h2>人员管理</h2>
                        </div>
                    </div>
                    <div class="cf table-bar">
                        <div class="page_nav">
                            <a class="icon_goback" onclick="window.history.go(-1)">返回上一层</a>
                            <a class="icon_goback_text" onclick="window.history.go(-1)">人员管理</a>
                            <span class="gap">/</span> 详情
                        </div>
                    </div>
                    <div class="account_setting_area" v-if="data">
                        <ul>
                            <li class="account_setting_item">
                                <h4>补签人</h4>
                                <p class="meta_content">{{data.name}}</p>
                            </li>
                            <li class="account_setting_item">
                                <div class="fr" style="width:50%;">
                                    <h4>部门</h4>
                                    <p class="meta_content">{{data.dept}}</p>
                                </div>
                                <div class="fl" style="width: 50%">
                                    <h4>联系方式</h4>
                                    <div class="meta_content">{{data.mobile}}</div>
                                </div>
                            </li>
                            <li class="account_setting_item">
                                <div class="fr" style="width:50%;">
                                    <h4>补签时间</h4>
                                    <div class="meta_content">{{data.time}}</div>

                                </div>
                                <div class="fl" style="width: 50%">
                                    <h4>审批状态</h4>
                                    <div class="meta_content" v-if="data.status==0">审批中</div>
                                    <div class="meta_content" v-if="data.status==1">已批准</div>
                                    <div class="meta_content" v-if="data.status=='-1'">未批准</div>
                                </div>
                            </li>
                            <li class="account_setting_item">
                                <h4>补签原因</h4>
                                <div class="meta_content">{{data.reason}}</div>
                            </li>
                            <li class="account_setting_item">
                                <div class="fr" style="width:50%;">
                                    <h4>审批人</h4>
                                    <div class="meta_content">{{data.sp_name}}</div>

                                </div>
                                <div class="fl" style="width: 50%">
                                    <h4>审批时间</h4>
                                    <div class="meta_content">{{data.sp_time}}</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <foot></foot>
    </div>
</template>
<script data-name="this.js">
    require('../$res/js/common');
    module.exports = {
        template: require('!this.htm'),
        components: {
            'foot': $$.foot
        },
        loaded: function () {
            $$.m = {
                data: false
            };
            $$.init_comps.head();
            $$.init_comps.menu();
            $$.toast.show();
            $$.public.get_detail('/sys/user/get_bq');
        }
    };
</script>
